<template>
  <div class="h-full flex flex-col">
    <div class="z--1">
      <img src="https://jwc-static.jdwxk.com/imgs/home/bg.png" class="absolute h-full w-full" alt="">
    </div>
    <div class="h-full w-full flex flex-col gap-2">
      <Banner />
      <CardList />
      <Map />
      <CommodityExchangeRecord />
      <div class="p-b-20">
        {{ href }}
      </div>
      <CreateUser />
    </div>
  </div>
</template>

<script setup lang="ts">
import CardList from './CardList/index.vue'
import Map from './Map/index.vue'
import CommodityExchangeRecord from './CommodityExchangeRecord/index.vue'
import Banner from './Banner/index.vue'
import CreateUser from './CreateUser/index.vue'

defineOptions({
  name: 'HomePage',
})

const href = computed(() => {
  return window.location.href.split('?')[1]?.split('&')[0]?.split('=')[1]
})
</script>

<style scoped lang="less"></style>
